$(function () {
    layui.use(['table', 'form', 'laydate'], function () {
        var table = layui.table;
        let form = layui.form;
        let laydate = layui.laydate;
        page();
        // table.render({
        //     elem: '#table'//找到要显示的表格地址
        //     , url: '/back/user/findAll'//访问Java后台的地址
        //     , parseData: function (res) { //res 即为原始返回的数据
        //         console.log(res);
        //         return {
        //             "code": res.code, //解析接口状态
        //             "msg": res.msg, //解析提示文本
        //             "count": res.count, //解析数据长度
        //             "data": res.data //解析数据列表
        //         };
        //     }
        //     , cols: [[
        //         {field: 'id', title: 'ID', width: 80, fixed: 'left', unresize: true, sort: true}
        //         , {field: 'username', title: '用户名', width: 120, edit: 'text'}
        //         , {
        //             field: 'email', title: '邮箱', width: 150, edit: 'text', templet: function (res) {
        //                 return '<em>' + res.email + '</em>'
        //             }
        //         }
        //         , {field: 'sex', title: '性别', width: 80, edit: 'text', sort: true}
        //         , {field: 'phone', title: '电话', width: 100}
        //         , {
        //             field: 'enable', title: '状态', templet: function (d) {
        //                 return d.enable == 1 ? '启用' : '禁用';
        //             }
        //         }
        //         , {field: 'birthday', title: '生日', width: 80, sort: true}
        //         , {field: 'hobby', title: '爱好', width: 120}
        //         , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150}
        //     ]]
        //     , page: true
        // });
        laydate.render({
            elem: '#start',
            trigger: 'click'
        })
        laydate.render({
            elem: '#end',
            trigger: 'click'
        })
        //监听行工具事件
        table.on('tool(test)', function (obj) {
            var data = obj.data;
            console.log(obj)
            console.log(data)
            if (obj.event === 'del') {
                layer.confirm('真的删除行么', function (index) {
                    //调用ajax删除数据
                    $.ajax({
                        url: '/back/user/del',
                        data: {id: data.id},
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.count > 0) {
                                obj.del();
                                layer.close(index);
                            } else {
                                layer.msg('删除失败');
                            }
                        }
                    });

                });
            } else if (obj.event === 'edit') {
                sessionStorage.setItem('userId', data.id);
                xadmin.open('编辑用户', '/html/user/member-update.html', 600, 400)
            }
        });

        form.on('submit(search)', function (data) {
            data = data.field;
            let hobby = [];
            $("input[type=checkbox][name=hobby]:checked").each(function (index, obj) {
                hobby.push($(obj).attr("title"))
            })
            data.hobby = hobby.toString();
            console.log(data);
            // $.ajax({
            //     url: '/bakc/user/findAll',
            //     data: data,
            //     type: 'get',
            //     dataType: 'json',
            //     success: function (res) {
            //
            //     }
            // })
            page(data);
            return false;
        })

        function page(data) {
            table.render({
                elem: '#table'//找到要显示的表格地址
                , url: '/back/user/findAll'//访问Java后台的地址
                , where: data
                , parseData: function (res) { //res 即为原始返回的数据
                    console.log(res);
                    return {
                        "code": res.code, //解析接口状态
                        "msg": res.msg, //解析提示文本
                        "count": res.count, //解析数据长度
                        "data": res.data //解析数据列表
                    };
                }
                , cols: [[
                    {field: 'id', title: 'ID', width: 80, fixed: 'left', unresize: true, sort: true}
                    , {field: 'username', title: '用户名', width: 120, edit: 'text'}
                    , {
                        field: 'email', title: '邮箱', width: 150, edit: 'text', templet: function (res) {
                            return '<em>' + res.email + '</em>'
                        }
                    }
                    , {field: 'sex', title: '性别', width: 80, edit: 'text', sort: true}
                    , {field: 'phone', title: '电话', width: 100}
                    , {
                        field: 'enable', title: '状态', templet: function (d) {
                            return d.enable == 1 ? '启用' : '禁用';
                        }
                    }
                    , {field: 'birthday', title: '生日', width: 80, sort: true}
                    , {field: 'hobby', title: '爱好', width: 120}
                    , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150}
                ]]
                , page: true
            });
        }

    });
})